<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./assets/icon/iconfont.css">
    <link rel="stylesheet" href="./css/shopping_car.css">
</head>

<body>
    <div class="big-box">
        <div class="top-nav">
            <a href=""><i class="iconfont icon-jiantou3"></i></a>
            <span><a href="">购物车</a></span>
            <span><i class="iconfont icon-diandiandian"></i></span>
        </div>
        <div class="product">
            <div class="product-one">
                <ul>
                    <li class="product1">
                        <div class="bx-1"><i class="iconfont icon-xuanzhong"></i></div>
                        <div class="bx-2"><a href=""><img src="./images/index_images/shop_4.jpg" alt=""></a></div>
                        <div class="bx-3">
                            <p class="bx-3-p1"><a href="">欧莱雅面霜</a></p>
                            <p class="bx-3-p2">规格:&nbsp;50g</p>
                            <p class="bx-3-p3">&yen;123.00</p>
                        </div>
                        <div class="bx-4">
                            <div class="bx-4-content">
                                <span><a href="">-</a></span>
                                <span><a href="">1</a></span>
                                <span><a href="">+</a></span>
                            </div>
                        </div>
                        <div class="bx-5">删除</div>

                    </li>
                    <li class="product1">
                        <div class="bx-1"><i class="iconfont icon-xuanzhong"></i></div>
                        <div class="bx-2"><a href=""><img src="./images/index_images/shop_4.jpg" alt=""></a></div>
                        <div class="bx-3">
                            <p class="bx-3-p1"><a href="">欧莱雅面霜</a></p>
                            <p class="bx-3-p2">规格:&nbsp;50g</p>
                            <p class="bx-3-p3">&yen;123.00</p>
                        </div>
                        <div class="bx-4">
                            <div class="bx-4-content">
                                <span><a href="">-</a></span>
                                <span><a href="">1</a></span>
                                <span><a href="">+</a></span>
                            </div>
                        </div>
                        <div class="bx-5">删除</div>

                    </li>
                    <li class="product1">
                        <div class="bx-1"><i class="iconfont icon-xuanzhong"></i></div>
                        <div class="bx-2"><a href=""><img src="./images/index_images/shop_4.jpg" alt=""></a></div>
                        <div class="bx-3">
                            <p class="bx-3-p1"><a href="">欧莱雅面霜</a></p>
                            <p class="bx-3-p2">规格:&nbsp;50g</p>
                            <p class="bx-3-p3">&yen;123.00</p>
                        </div>
                        <div class="bx-4">
                            <div class="bx-4-content">
                                <span><a href="">-</a></span>
                                <span><a href="">1</a></span>
                                <span><a href="">+</a></span>
                            </div>
                        </div>
                        <div class="bx-5">删除</div>

                    </li>
                   
                    
                </ul>
            </div>
            <div class="settlement">
                <div class="stl-1"><input type="radio"><span>全选</span></div>

                <div class="stl-3"><a href="">去结算(2件)</a></div>
                <div class="stl-2">
                    <p>总计:<span>163.00</span></p>
                    <p>不含运费,已优惠&yen;0.00</p>
                </div>
            </div>
        </div>
       
        


    </div>
    <div class="bottom-nav">
        <div><i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </div>
        <div><i class="iconfont icon-cart1"></i>
                <p>购物车</p>
            </div>
        <div><i class="iconfont icon-my"></i>
                <p>我的</p>
            </div>

    </div>
</body>

</html>